/* CSS Document */
@font-face{
	font-family: UbuntuRegular;
	src: url(fuentes/Ubuntu-R.ttf) format(truetype);
	
	}

@font-face{
	font-family: UbuntuBold;
	src: url(fuentes/Ubuntu-B.ttf) format(truetype);
	
	}
	
@font-face{
	font-family: UbuntuItalic;
	src: url(fuentes/Ubuntu-I.ttf) format(truetype);
	
	}

@font-face{
	font-family: UbuntuBoldItalic;
	src: url(fuentes/Ubuntu-BI.ttf) format(truetype);
	
	}	
	
h1,h2,h3,h4,h5,h6{
font-family: ubuntuBold;	
}
p{
font-family: ubuntuRegular;
}

/*/ maquetacion principal /*/

body{
text-align: center;
margin:0px;;
background: #CCC	
}

#principal{
	text-align: left;
	margin: auto;
	width: 80%;
	height:100%;
	
	position:relative;
}

#cajaheader{
	width:100%;
	
	position: absolute;

	
}

header{
	display:table;
	margin:auto;
	text-align: left;
	width:100%;
	height:100px;
	background: url('../fonts/denim.png');
	overflow:hidden;
	border: 2px solid white;
	border-radius: 5px 35px 0px 0px;
	-moz-border-radius: 5px 35px 0px 0px;
	-webkit-border-radius: 5px 35px 0px 0px;
	-o-border-radius: 5px 35px 0px 0px;
	
	box-shadow: 0px 0px 10px white;
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	-o-box-shadow: 0px 0px 10px white;
	
	
}
/*menu navegacion */

 

canvas{
border: 0px solid white;

}
nav ul li a:hover{
	background:white;
	color: black;
	
	box-shadow:0 0 25px white;
	-webkit-box-shadow:0 0 25px white;
	
}
footer{
	display:table;
	margin: auto;
	text-align: center;
	width:100%;
	background: darkgray;
	
	border: 2px solid white;
	border-radius: 35px 5px 0px 0px;
	-moz-border-radius: 35px 10px 10px 10px;
	-webkit-border-radius: 35px 35px 0px 0px;
	-o-border-radius: 35px 0px 0px 0px;
	
	box-shadow: 0px 0px 10px black;
	-moz-box-shadow: 0px 0px 10px black;
	-webkit-box-shadow: 0px 0px 10px black;
	-o-box-shadow: 0px 0px 10px black;
}


#contenido{
	width:100%;
	border: 2px solid white;
	border-radius:0px 0px 5px 35px;
	-moz-border-radius:0px 0px 5px 35px;
	-webkit-border-radius:0px 0px 5px 35px;
	-o-border-radius:0px 0px 5px 35px;
	background: url('../fonts/denim.png');
	box-shadow: 0px 0px 10px white;
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	-o-box-shadow: 0px 0px 10px white;
}

article{
	width:50%;
	background: white;
	text-decoration: none;

border-radius: 0px 15px 0px 15px;
-webkit-border-radius: 0px 15px 0px 15px;
-moz-border-radius: 0px 15px 0px 15px;
-o-border-radius: 0px 15px 0px 15px;	
}

aside ul{
width:100px;
padding-left:0px;
padding-right:0px;
color: white;
float:right;
font-family: UbuntuRegular;
font-size:10px;
list-style: outside;
}

aside  ul li{
width:100%;
text-decoration: none;
border: 1px solid white;
border-radius: 0px 5px 0px 5px;
-webkit-border-radius: 0px 5px 0px 5px;
-moz-border-radius: 0px 5px 0px 5px;
-o-border-radius: 0px 5px 0px 5px;	
}

aside ul li a{
width:100px;
height:30px;
overflow: hidden;
text-decoration: none;
}

aside{
	float: right;
	display:inline-table;
	width:40;
	background: white;
	margin:10px;
	padding:10px;
	border: 1px solid white;
	border-radius:0px 25px 0px 25px;
	-moz-border-radius:0px 25px 0px 25px;
	-webkit-border-radius:0px 25px 0px 25px;
	-o-border-radius:0px 25px 0px 25px;
	box-shadow:3px 3px 10px black;
	-moz-box-shadow:3px 3px 10px black;
	-webkit-box-shadow:3px 3px 10px black;
	-o-box-shadow:3px 3px 10px black;
}

#sobremi{
	width:100%;
	height:100%;
	background:blue;
	
	}
h1,h2{

	position:relative;
	color: white;
	font-size: 32px;
	top: 20%;
	margin-top: 10px;
	letter-spacing: 0px;
	display: inline;
	
	}
	
#logo{
width:100px;
height:100px;
position:relative;
display:inline;
}